<template>
    <div
        id="view_localUser"
        class="home-page-contianer"
        data-v-inspector="WebFrontend/views/home/folder/view_folder.vue:2:5">
        <v_folderTable />
        <!--n-tabs            class="home-page-tabs"
            type="line"
          
            animated
            :value="compControl.tab_control.activeName"
            :on-before-leave="compControl.tab_control.handleSwitchPane">
            <n-tab-pane name="anon" tab="公共文件夹">
                <v_public />
            </n-tab-pane>
            <n-tab-pane
                name="local"
                tab="本地用户"
                data-v-inspector="WebFrontend/views/home/folder/view_folder.vue:9:13">
                <p
                    style="
                        display: flex;
                        line-height: 0.75rem;
                        position: relative;
                        top: -0.375rem;
                        user-select: none;
                    "
                    data-v-inspector="WebFrontend/views/home/folder/view_folder.vue:10:17">
                    <n-icon data-v-inspector="WebFrontend/views/home/folder/view_folder.vue:18:21">
                        <InfoOutlined
                            data-v-inspector="WebFrontend/views/home/folder/view_folder.vue:19:25" />
                    </n-icon>
                    在此处修改本地用户的vsftpd目录不会更变用户家目录（vsftpd目录与家目录相互独立）
                </p>
                <v_anon data-v-inspector="WebFrontend/views/home/folder/view_folder.vue:23:17" />
            </n-tab-pane>
            <n-tab-pane
                name="virtual"
                tab="虚拟用户"
                data-v-inspector="WebFrontend/views/home/folder/view_folder.vue:25:13">
                <v_virtual data-v-inspector="WebFrontend/views/home/folder/view_folder.vue:26:17" />
            </n-tab-pane>
            <n-tab-pane
                name="anon"
                tab="匿名用户"
                data-v-inspector="WebFrontend/views/home/folder/view_folder.vue:28:13">
                <v_local data-v-inspector="WebFrontend/views/home/folder/view_folder.vue:29:17" />
            </n-tab-pane>
        </n-tabs-->
    </div>
</template>

<script setup lang="ts">
import { onMounted, reactive } from 'vue'
import v_folderTable from './v_folderTable.vue'

const compControl = reactive({
    tab_control: {
        activeName: 'local',
        handleSwitchPane(name: string, _oldname: string) {
            if (name == '') {
            } else if (name == '') {
            } else if (name == 'log') {
            }
            compControl.tab_control.activeName = name
        }
    }
})
onMounted(() => {
    compControl.tab_control.handleSwitchPane(compControl.tab_control.activeName, '')
})
</script>

<style lang="scss" scoped>
@use '@/components/framework/framework';
#view_localUser {
    $height: calc(framework.$framework_content_height);
    padding-bottom: 1em;

    min-height: $height;
    box-sizing: border-box;
    .banner-alert {
        padding-left: 0.5rem;
        white-space: nowrap;
        .on {
            color: green;
            position: absolute;
            right: 0.75rem;
            margin-top: 0.5rem;
        }
        .off {
            color: orange;
        }
        .error {
            color: red;
        }
    }
}
</style>
